<!-- 用户信息 -->

<template>
  <div>
    <FormPhoto label="人员照片" bind="photoUrl" folder="face" square required />

    <EasyRow col2>
      <FormName label="姓名" bind="name" required />
      <FormStatus label="布控状态" bind="controlStatus" isRadio required />
    </EasyRow>

    <EasyRow col2>
      <FormSelect label="性别" bind="sex" :dict="CORE.DICT.GENDER" required />
      <FormPhone label="联系电话" />
    </EasyRow>

    <EasyRow col2>
      <FormSelect label="证件类型" bind="certificateType" :dict="CORE.DICT.ID_TYPE" noClear required />
      <FormIdNo v-if="one.certificateType === 1" label="证件号码" bind="certificateNumber" required />
      <FormInput v-else label="证件号码" bind="certificateNumber" :max="20" required />
    </EasyRow>

    <FormSlot label="籍贯">
      <FormSelect label="省份" bind="proviceCode, proviceName" :dict="provinceList" noLabel third />
      <FormSelect label="城市" bind="cityCode, cityName" :dict="cityList" noLabel third />
      <FormSelect label="区县" bind="areaCode, areaName" :dict="areaList" noLabel third />
    </FormSlot>

    <FormSelectMulti label="人员标签" bind="labelIds" :dict="tag_selectDict" required />
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import MyModal from '@admin/views/Secure/Face/FaceLibUser/MyModal'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'UserInfo',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb(), CORE.mixSelect('tag', 'tag_')],

  /**
   * 计算属性 (慎用箭头函数)
   */
  computed: MyModal.computed,
}
</script>
